import { getToken, setToken, removeToken } from '@/utils/auth'
import { getProfile, getUserDetailById } from '@/api/user'
export default {
  namespaced: true,
  state: {
    token: getToken() || null, // 本地获取
    userInfo: {}// 保存用户信息
  },

  mutations: {

    setUserInfo(state, userInfo) { // 设置用户信息
      state.userInfo = userInfo
    },

    reomveUserInfo(state) { // 删除用户信息
      state.userInfo = {}
    },

    setToken(state, newToken) { //   本地存贮token
      state.token = newToken
      setToken(newToken)
    },

    removeToken(state) { // 本地删除token
      state.token = null
      removeToken()
    }
  },

  actions: {
    userLogout(context) {
      context.commit('removeUserInfo')
      context.commit('removeToken')
    },

    async getUserInfo(context) { // ajax获取数据  获取用户信息
      const res = await getProfile()
      //   console.log('在action中发送请求用来获取用户信息的,', res.data)
      const userId = res.data.userId
      const resDetail = await getUserDetailById(userId)
      //   console.log('在action中发送请求用来获取用户头像的,', resDetail.data)
      context.commit('setUserInfo', { ...res.data, ...resDetail.data })// 将两份获取到的值合并 发送至设置用户信息保存到vuex
      //   console.log('当前用户可以访问的页面', res.data.roles.menus)
      return res.data.roles.menus
    }
  }
}

